<template>
    <!--发布测试===区域组件===ZxReleaseHouseTest-->
    <div>
        <el-form ref="form" :model="form" label-width="80px">
            <el-form-item label="评分">
                <el-input v-model="form.name"></el-input>
            </el-form-item>
            <el-form-item label="摘要">
                <el-input type="textarea" v-model="form.desc"></el-input>
            </el-form-item>
           <!--富文本编辑器-->
            <!--交通情况一览-->
            <el-row :gutter="20">
                <el-col :span="6"><div class="grid-content bg-purple">
                    <el-form-item label="交通类型">
                        <el-input v-model="form.desc"></el-input>
                    </el-form-item>
                </div></el-col>
                <el-col :span="6"><div class="grid-content bg-purple">
                    <el-form-item label="线路名称">
                        <el-input v-model="form.desc"></el-input>
                    </el-form-item>
                </div></el-col>
                <el-col :span="6"><div class="grid-content bg-purple">
                    <el-form-item label="站点名称">
                        <el-input v-model="form.desc"></el-input>
                    </el-form-item>
                </div></el-col>
                <el-col :span="6"><div class="grid-content bg-purple">
                    <el-form-item label="楼盘距离">
                        <el-input v-model="form.desc"></el-input>
                    </el-form-item>
                </div></el-col>
            </el-row>
            <el-row>
                <el-col :span="8"><div class="grid-content bg-purple">
                    <el-form-item label="步行时长">
                        <el-input v-model="form.desc"></el-input>
                    </el-form-item>
                </div></el-col>
                <el-col :span="8"><div class="grid-content bg-purple-light">
                    <el-form-item label="途径节点">
                        <el-input v-model="form.desc"></el-input>
                    </el-form-item>
                </div></el-col>
            </el-row>
            <el-form-item>
                <el-button type="primary" @click="onSubmit">保存，并下一步</el-button>
                <el-button @click="clickBack">返回</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>

<script>
    export default {
        name: "ZxReleaseHouseArea",
        components:{
        },
        data() {
            return {
                editor:null,
                isClear:false,
                detail:"",
                form: {
                    name: '',
                    region: '',
                    date1: '',
                    date2: '',
                    delivery: false,
                    type: [],
                    resource: '',
                    desc: '',

                },
                upload:[],
                dialogImageUrl: '',
                dialogVisible: false
            }
        },
        computed:{

        },
        created() {

        },
        methods: {
            clickBack(){
                this.$router.push({
                    name:'ZxHouseTest',
                    path:'/Home/ZxHousingManager/ZxHouseTest',
                    query: {

                    },
                })
            },
            /*点击 保存，并下一步 才将数据传到后端*/
            onSubmit() {
                this.$store.dispatch('changactiveN','third')
                /* console.log(this.$store.state.MenuCount.changactiveN)
                 this.$emit('tab-click','second')*/

            },
            change(val){
                console.log(val)
            }
        }
    }
</script>

<style lang="less" scoped>
    .el-form{
        width: 800px;
        .el-row {
            margin-bottom: 20px;
            &:last-child {
                margin-bottom: 0;
            }
        }
        .el-col {
            border-radius: 4px;
        }
        .bg-purple-light {
            background: #e5e9f2;
        }
        .grid-content {
           /* border-radius: 4px;*/
            min-height: 36px;
        }
        .row-bg {
            padding: 10px 0;
            background-color: #f9fafc;
        }
    }

</style>